<!--
 * @Author: xfworld
 * @Date: 2020-03-13 15:56:17
 * @LastEditors: xfworld
 * @LastEditTime: 2020-06-10 16:15:29
 * @Description:
 -->
<template>
  <div id="wapper">
    <van-nav-bar fixed placeholder>
      <template #title>
        <span>欢迎用户：</span>
        <span class="title_user">{{ userData.bizUserName }}</span>
      </template>
    </van-nav-bar>
    <van-notice-bar :text="noticeContent" left-icon="volume-o" />
    <GridMenu :menuItem="menuItemList"></GridMenu>
  </div>
</template>

<script>
import {mapGetters} from "vuex";
import GridMenu from "@/components/main/gridMenu";
export default {
  name: "home",
  components: {GridMenu},
  computed: {
    ...mapGetters("user", ["userData"])
  },
  created() {},
  mounted() {},
  data() {
    return {
      noticeContent: "通知信息",
      menuItemList: {
        num: "1",
        iconSize: 1.9,
        children: [
          {
            icon: "cart",
            text: "分货",
            uri: "/b2c/sortScan",
            style: "font-size:40px;"
          },
          {
            icon: "friends",
            text: "交接",
            style: "font-size:40px;"
          },
          {
            icon: "wap-home",
            text: "还库",
            uri: "/b2c/returnWarehouse",
            style: "font-size:40px;"
          },
          {
            icon: "printer",
            text: "重打",
            uri: "/b2c/againPrint",
            style: "font-size:40px;"
          }
        ]
      }
    };
  },
  methods: {}
};
</script>

<style lang="less">
.title_user {
  font-size: 18px !important;
  color: red !important;
}
.wapper_card {
  margin-top: 15px;
}
</style>
